<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            list-style: none;
            text-decoration: none;
            box-sizing: border-box;
        }
        .tuo1{
            width: 1100px;
            height: 50px;
            /* background-color: rgb(226, 226, 182); */
            margin:auto;
            display: flex;
            justify-content: space-between;
            padding:10px 0;
        }
        .tuo{
            height: 100px;
            /* background-color: aqua; */
        }
        .tuo2{
            height: 50px;
            /* background-color: #ec9393; */
            background:url(./images/nav_bg.png)
        }
        ul{           
            list-style:none;
        }
        ul>li>a{
            text-decoration: none;
        }
        .tuo2>div>ul{
            display:flex;
            width: 1100px;
            margin:auto           
        }
        .tuo2>div>ul>li>a{
            width: 160px;
            height: 50px;
            /* background-color: #fff; */
            display:inline-block;
            text-align:center;
            line-height: 50px;
            font-size:14px;
            font-weight: 700;
            color:black;
            background:url(./images/nav_border.png) no-repeat right;          
        }
        .slider{
            width: 1100px;
            height: 700px;
            background-color: #9e9e9e;
            margin:auto;
        }
        .gg{
            height: 45px;
            /* background-color: #aaa7a7; */
        }
        .gg1{
            width: 1100px;
            height: 45px;
            /* background-color: #c41d1d; */
            margin: auto;
            display: flex;
            justify-content: space-between;           
        }
        .cp{
            width: 1100px;
            height: 300px;
            /* background-color: #92eee6; */
            margin: auto;
            display: flex;
            justify-content: space-between;
            color: rgb(103, 204, 44);
            font-size: 15px;
            font-weight: 700; 
        }
        .cp1{
            width: 360px;
            height: 250px;
            /* background-color: #74f17b; */
            border: 1px solid #919296;
        }
        .cp11{
            background: url(./images/jiantou.png) no-repeat center left;
            padding-left: 20px;

        }
        .cp111{
            display: flex;
            align-items:center;
            justify-content: space-around;
        }
        .cp2{
            width: 420px;
            height: 250px;
            /* background-color: #f174d6; */
            border: 1px solid #919296;
        }
        .cp20{
            display: flex;
            justify-content: space-between;
        }
        .cp21{
            background: url(./images/jiantou.png) no-repeat center left;
            padding-left: 20px;

        }
        .cp211>a{
            color: #8a8585;
        }
        .cp222 ul li a{
            color: #a8a0a0;
            border-bottom:1px dashed rgb(161, 158, 158);
        }
        .cp222 ul li :first-child a{
            color: red;
            font-weight: 700;
        }
        
        .cp3{
            width: 290px;
            height: 250px;
            /* background-color: #5469c5; */
            border: 1px solid #919296; 
        }
        .cp31{
            background: url(./images/jiantou.png) no-repeat center left;
            padding-left: 20px;
        }
        .bottom{
            width: 1100px;
            background-color: #ffffff;
            margin:auto;
            display: flex;
            justify-content: space-between;
        }
        .bottom>div{
            height: 250px;
            border: 1px solid rgb(217, 217, 217);
            margin-top:10px;
            margin-bottom: 100px;
            padding: 10px;
            box-sizing: border-box;
        }
        .bottom .new_product{
            width: 350px;
            
        }
        .bottom .new_message{
            width: 430px;
        }        
        .bottom .support{
            width: 300px;
        }
        
        .bottom .title{
            width: 100px;
            background-color: #ffa5a5;
            text-align: center;
            background: url(./images/jiantou.png) no-repeat center left;
            font-size: 14px;
            color: rgb(129, 191, 37);
            font-weight: 700;
            margin-bottom: 5px;
        }
        .bottom ul{
            padding-left: 20px;
        }
        .bottom .content{
            list-style: none;
            border-bottom: 1px dashed rgb(192, 192, 192);
            padding: 5px;
            padding-left: 0;
            font-size: 14px;
        }
        .bottom a,li{
            text-decoration: none;
            color:  gray;
            font-size: 14px;
        }
        .new_message>ul>.content:first-child>a{
            color: red;
            font-weight: 700;
        }
        .new_message div{
            display: flex;
            justify-content: space-between;
        }
        .new_message div a{
            font-weight: 700;
        }
        .new_product .comb{
            display: flex;
            align-items: center;
            justify-content: space-around;
        }
        .support .title{
            padding-left: 10px;
        }
        .support .list1{
            margin-bottom: 40px;
        }
        .support .list1 li{
            background: url(./images/sbg.png) no-repeat center left;
            padding-left: 10px;
            font-size: 14px;
            
        }
        .cp3 li{
            margin-bottom: 5px;
        }
        .black{
            background-color: #282828;
        }

        .black .list{
            width: 1100px;
            margin: auto;
            display: flex;
            justify-content: space-between;
        }
        .black .list ul{
            width: 120px;
            /* background-color: #d0d0d0; */
            padding: 10px 20px;
            margin-bottom: 50px;
        }
        .black .list ul li{
            font-size: 12px;
            margin-bottom: 5px;
        }
        .black .list ul li:first-child{
            color: white;
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 15px;
        }
        .black .list div{
            width: 150px;
            text-align: right;
        }

        .black .footer{
            height: 100px;
            border-top: 1px dashed gray;
            font-size: 14px;
            color: black;
            text-align: center;
            padding-top: 50px;
        }

    </style>
</head>
<body>
    <div class="tuo">
        <div class="tuo1">
                <div><img src="./images/logo.png"></div>
                <div><img src="./images/search.png"></div>
        </div>       
        <div class="tuo2">
                <div>
                   <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">智能手机</a></li>
                    <li><a href="#">平板电脑</a></li>
                    <li><a href="#">配件</a></li>
                    <li><a href="#">服务支持</a></li>
                    <li><a href="#">关于尚合</a></li>
                   </ul>
                </div>
        </div>
    </div>
    <div class="slider">
        <img src="./images/banner.png" width="1100px" height="700px">
    </div>
    <div class="gg">
        <div class="gg1">
            <div>
                最新公告：&nbsp;&nbsp;尚合Aone智能手机人网证已经被民工值部门审批下发。尚合官方
            </div>
            <div>
            <img src="./images/share.png" width="110px" height="25px">
            </div>
        </div>
    </div>
    <div class="cp">
        <div class="cp1">
            <div class="cp11">
                新品发布  
            </div>
            <div class="cp111">
                <img src="./images/left_icon.png">
                <img src="./images/shouji.png" >
                <img src="./images/right_icon.png">
            </div> 
        </div>
        <div class="cp2">
            <div class="cp20">
                <div class="cp21">
                    新闻中心
                </div>
                <div class="cp211">
                    <a href="">更多</a>
                </div>
            </div>
            <div class="cp222">
                <ul>
                    <li><a href="">致歉公告</a></li>
                    <li><a href="">首批尚合Aonet已全部售馨!</a></li>
                    <li><a href="">【媒体报导】国产高性价比 尚合Aonet四核手机评测</a></li>
                    <li><a href="">我司产品已经通过了国家强制性产品3C认证</a></li>
                    <li><a href="">尚合Aone智能手机入网证已经获工信部门审批下发.</a></li>
                    <li><a href="">我司通过ISO9001:2008国际质量管理体系认证.</a></li>
                </ul>
            </div>
        </div>
        <div class="cp3">
            <div class="cp31">
                技术与支持
            </div><ul class="list1">
                <li><a href="">售后服务</a></li>
                <li><a href="">投诉与建议</a></li>
                <li><a href="">联保网点</a></li>
                <li><a href="">常见问题FAQ?</a></li>
            </ul>
            <ul class="list2">
                <li>深圳市汇聚众合科技发展有限公司</li>
                <li>服务热线:400-633-7922</li>
            </ul>
        </div>
    </div>
<div class="black">
    <div class="list">
        <ul>
            <li>尚合首页</li>
            <li>返回首页</li>
        </ul>
        <ul>
            <li>智能手机</li>
            <li>Aone-T</li>
            <li>Aone</li>
        </ul>
        <ul>
            <li>平板电脑</li>
            <li>尚PAD S200</li>
            <li>尚PAD S100</li>
            <li>尚PAD SH-Q7</li>
            <li>尚PAD SH-Q5</li>
        </ul>
        <ul>
            <li>配件中心</li>
            <li>Aone 智能手机</li>
        </ul>
        <ul>
            <li>服务与支持</li>
            <li>售后服务</li>
            <li>投诉与建议</li>
            <li>联保网点</li>
            <li>常见问题FAQ</li>
            <li>订单查询</li>
            <li>下载专区</li>
        </ul>
        <ul>
            <li>关于我们</li>
            <li>公司介绍</li>
            <li>企业文化</li>
            <li>工作机会</li>
            <li>法律声明</li>
            <li>联系我们</li>
        </ul>
        <ul>
            <li>新闻中心</li>
            <li>公司新闻</li>
            <li>媒体报导</li>
            <li>行业动态</li>
        </ul>
        <ul>
            <li>常用链接</li>
            <li>百度</li>
            <li>Google</li>
            <li>新浪微博</li>
        </ul>
        <div>
            <img src="./images/top.png" alt="">
        </div>
    </div>
    <div class="footer">
        <p>2011-2012版权所有 深圳市汇聚众合科技发展有限公司 （品牌：尚合-SAMHAVE） 服务热线：400-633-7922</p>
        <p>经营许可证编号：粤ICP备11077821号-1</p>
    </div>
</div>
</body>
</html>
</body>
</html>